.OptionsTempA01 {
    width: 100%;
    height: 100%;

    .FlexBox {
        display: flex;
        align-items: var(--alignItems);
        justify-content: var(--justifyContent);
        flex-direction: var(--flexDirection);
        align-content: var(--alignContent);
        flex-wrap: var(--flexWrap);

        &>div {
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            user-select: none;

            &>div {
                background: var(--background);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
            }

            &.active {
                background: var(--BackActive) !important;

                &>div {
                    background: var(--ColorActive);
                    -webkit-background-clip: text;
                    background-clip: text;
                }
            }
        }
    }
}

.OptionsTempA02 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: var(--alignItems);
    align-content: var(--alignContent);
    justify-content: var(--justifyContent);
    flex-direction: var(--flexDirection);
    flex-wrap: var(--flexWrap);
    position: relative;


    &>.BackBox {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;

        &>.ant-select {
            width: 100%;
            height: 100%;

            &>.ant-select-selector {
                background: transparent;
                border: none !important;
                box-shadow: none !important;
                outline: none !important;

                .ant-select-selection-item {
                    background: var(--background);
                    -webkit-background-clip: text;
                    background-clip: text;
                    color: transparent;
                    font-size: var(--fontSize);
                    font-family: var(--fontFamily);
                    font-weight: var(--fontWeight);
                    font-style: var(--fontStyle);
                    filter: var(--filter);
                    text-align: var(--align);
                }
            }
        }
    }
}

.OptionsComA01 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.15);

    &>.Title {
        width: 100%;
        text-align: left;

        &>div {
            background: var(--background);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
    }

    &>.Tree {
        flex: 1;
        width: 100%;
        overflow-y: scroll;
        padding: 8px;

        &::-webkit-scrollbar {
            display: none;
        }

        &>.ant-tree {
            background: transparent;

            .ant-tree-switcher {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .ant-tree-switcher-icon {
                font-size: var(--iconSize);
                color: var(--iconColor);
            }

            .ant-tree-node-content-wrapper {
                padding: var(--treePadding);
            }



            .ant-tree-title {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                text-align: left;
                background: var(--treeBackground);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                font-size: var(--treeFontSize);
                font-family: var(--treeFontFamily);
                font-weight: var(--treeFontWeight);
                font-style: var(--treeFontStyle);
                filter: var(--treeFilter)
            }

            .ant-tree-node-selected {
                background: var(--activeBackground);
                border: var(--activeBorder);
                border-radius: var(--activeRadius);

                &>.ant-tree-title {
                    background: var(--activeFontBack);
                    -webkit-background-clip: text;
                    background-clip: text;
                    color: transparent;
                }
            }
        }
    }
}

.OptionsTempA03 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

    &>ul {
        width: 100%;
        padding: 0 16px;
    }

    .ant-pagination-total-text {
        flex: 1;
        text-align: left;
        background: var(--totalFill);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        font-size: var(--totalFontSize);
        font-family: var(--totalFontFamily);
        font-weight: var(--totalFontWeight);
        font-style: var(--totalFontStyle);
        filter: var(--totalFilter);
    }

    .ant-pagination-prev,
    .ant-pagination-next {
        width: var(--size);
        height: var(--size);
    }

    .anticon,
    .ant-pagination-item-ellipsis {
        font-size: var(--pnSize) !important;
        color: var(--pnColor) !important;
    }

    .ant-pagination-jump-next,
    .ant-pagination-jump-prev {
        width: var(--size);
        height: var(--size);

        &>.ant-pagination-item-link {
            width: 100%;
            height: 100%;

            &>.ant-pagination-item-container {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
        }
    }

    .ant-pagination-item {
        width: var(--size);
        height: var(--size);
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--itemBack);
        border-radius: var(--itemRadius);
        border: var(--itemBorder);

        &>a {
            background: var(--itemFill);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            font-size: var(--itemFontSize);
            font-family: var(--itemFontFamily);
            font-weight: var(--itemFontWeight);
            font-style: var(--itemFontStyle);
            filter: var(--itemFilter);
        }
    }

    .ant-pagination-item-active,
    .ant-pagination-item-active:hover {
        background: var(--activeBack);
        border: var(--itemBorder);

        &>a {
            background: var(--activeFill);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
    }
}